<template>
  <div class="index">
    <search class="search"></search>
    <InfoCardList :list="cardList"></InfoCardList>
  </div>
</template>

<script setup lang='ts'>
import search from '@/components/search.vue';
import InfoCardList from '@/components/InfoCardList.vue';
import { onMounted } from 'vue';

import { userStore } from '@/store/index'
import { storeToRefs } from 'pinia';
const user = userStore()
const { cardList } = storeToRefs(user)

onMounted(() => {
  user.setCardList()
})
</script>

<style lang='less' scoped>
.index {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 3.375rem;

  .search {
    position: fixed;
    top: 0;
    z-index: 100;
  }
}
</style>
